*{
	padding: 0;
	margin: 0;
	list-style: none;
	box-sizing: border-box;
}
.dis{
	display: flex;
}
.dis-ai{
	display: flex;
	align-items: center;
}
.dis-fc{
	display: flex; 
	flex-direction: column;
}
.dis-fw{
	display: flex;
	flex-wrap: wrap;
}
.dis-jc-b{
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.dis-jc{
	display: flex;
	justify-content: center;
	align-items: center;
}
.bg {
	
	background: linear-gradient(135deg, #152032 0%, #112435 100%);
}

.box-s {
	box-shadow: inset 0px 0px 1px 2px #223f5f;
}
.bg-bor-h{
	border-radius: 4px;
	padding: 24px;
	background: #243B4F;
	border: 1px solid $uni-color-theme;
}

.bg-bor{
	border-radius: 4px;
	padding: 24px;
	background: $uni-color-bg-l;
	border: 1px solid $uni-color-theme;
}

.padd-24{
	padding: 24px;
}
.padd-8{
	padding:8px;	
}

 .divider {
	margin: 24rpx 0;
    height: 1rpx; 
	background: #ddd;
}
.active{
	border-radius:20px 0 20px 0;
	background: $uni-color-theme;
}